body {
    font-size:          11px;
    background-color:   #FFF;
    margin:             0px;
    padding:            0px;
}



div#topbar {
    background-image:   -webkit-gradient(linear,left bottom,left top,from(#666),to(#7F7F7F));
    font:               normal 12px/28px Arial,Helvetica,sans-serif;
    height:             30px;
    width:              100%;
    margin:             0px;
    padding:            0px;
}



div#topbar a {
    display:            inline-block;
    font-size:          14px;
    color:              #DDD;
    text-decoration:    none;
    text-shadow:        #555 0 -1px 0;
    text-transform:     none;
    letter-spacing:     normal;
    padding-left:       20px;
    padding-right:      20px;
    border-right:       1px solid #686868;
    border-left:        1px solid #808080;
}
div#topbar a:last-child {
    border-right:       none;
}
div#topbar a:hover {
    border-left-color:  #707070;
}

div#topbar a:hover {
    background:         #888;
    background:         -moz-linear-gradient(bottom,#888,#9d9d9d);
    background:         -webkit-gradient(linear,left bottom,left top,from(#888),to(#9d9d9d));
}

div#header {
    margin-top:         0px;
    width:              100%;
    height:             100px;
    background-color:   #000;
    background:         url('http://blog.heliasae.net/wp-content/themes/mflat/images/background.png');
    font-size:          2em;
    text-align:         center;
}

div#header a {
    background:         url('http://blog.heliasae.net/wp-content/themes/mflat/images/header.png');
    background-repeat:  no-repeat;
    background-position:center;
    height:             100px;
    display:            block;
}

div#searchbar {
    background-color:   #222;
    height:             50px;
    margin:             0 auto;
    text-align:         right;
}

div#searchbar input {
    margin-top:         15px;
    margin-right:       30px;
    border:             1px solid #000;
    border-radius:      5px 5px 5px 5px;
    height:             20px;
    margin-left:        0px;
    margin-right:       0px;
}

div#searchbar input[type=submit] {
    margin-right:       10px;
}

div#searchbar label {
    color:              #DDD;
    font-weight:        bold;
    vertical-align:     text-top;
    padding-right:      5px;
}

div#content {
    padding:            20px;
    margin:             0 auto;
    width:              90%;
    position:           relative;
    top:                50px;
    border:             1px solid #000;
    border-radius:      5px 5px 5px 5px;
}



div#loginbox {
    margin:             0 auto;
    width:              300px;
    color:              #000;
    text-align:         center;
}



div#loginbox label {
    color:              #000;
}



input[type=text], input[type=password] {
    border:             1px solid #000;
    padding-left:       5px;
}

h1 {
    padding-top:        15px;
    padding-bottom:     15px;
    margin-top:         50px;
    margin-bottom:      50px;
    padding-left:       5px;
    border-left:        1px solid #000;
    border-top:         1px solid #000;
    border-bottom:      1px solid #000;
    color:              #000;
    text-align:         center;
    background:         -webkit-gradient(linear,left bottom,right top,from(#888),to(#FFF));
}

.strong {
    font-weight:        bold;
}

.center {
    text-align:         center;
}

th {
    background:         #888;
    background:         -moz-linear-gradient(bottom,#888,#9d9d9d);
    background:         -webkit-gradient(linear,left bottom,left top,from(#888),to(#9d9d9d));
    color:              #DDD;
    font-size:          0.9em;
}

td {
    font-size:          0.9em;
}

table {
    border-collapse:    collapse;
    width:              100%;
}

table td, table th {
    border:             thin solid #000;
    padding-left:       10px;
}

img.mini {
    width:              15px;
}

.r90 {
    -webkit-transform:  rotate(90deg);
    -moz-transform:     rotate(90deg);
}

.r270 {
    -webkit-transform:  rotate(270deg);
    -moz-transform:     rotate(270deg);
}

.middle {
    vertical-align:     middle;
}

div.pagination {
    border:             1px solid #000;
    height:             20px;
    padding:            5px;
    text-align:         center;
    margin-top:         20px;
}

tr:nth-child(even) {
    background-color:   #DDD;
}

textarea {
    width:              100%;
}
